.content-container {
    background-image: url('assets/images/img3.png');
    background-size: cover; /* Cambia a cover para que se ajuste a cualquier tamaño de pantalla */
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(39, 38, 38, 0.733);
    width: 100%;
    max-width: 1200px; /* Define un ancho máximo para pantallas grandes */
    height: auto;
    padding: 1rem; /* Usa rem para que el espaciado sea escalable */
    border-radius: 10px;
    color: #3e2723;
    font-family: 'Georgia', serif;
    line-height: 1.6;
    margin: 2rem auto;
    overflow: auto;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.8);
    min-height: 100vh;
}

/* Ocultar el scrollbar en WebKit */
.content-container::-webkit-scrollbar {
    display: auto; /* Oculta el scrollbar */
}

.abc{
    letter-spacing: 0.5vw;
}

/* Media query para pantallas medianas */
@media (max-width: 768px) {
    .content-container {
        background-image: url('assets/images/img3.png');
        background-size: cover; /* Cambia a cover para que se ajuste a cualquier tamaño de pantalla */
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(39, 38, 38, 0.733);
        width: 100%;
        max-width: 1200px; /* Define un ancho máximo para pantallas grandes */
        height: auto;
        padding: 1rem; /* Usa rem para que el espaciado sea escalable */
        border-radius: 10px;
        color: #3e2723;
        font-family: 'Georgia', serif;
        line-height: 1.6;
        margin: 2rem auto;
        overflow: auto;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.8);
        min-height: 100vh;
    }
}

/* Media query para pantallas pequeñas */
@media (max-width: 480px) {
    .content-container {
        background-image: url('assets/images/img3.png');
        background-size: cover; /* Cambia a cover para que se ajuste a cualquier tamaño de pantalla */
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(39, 38, 38, 0.733);
        width: 100%;
        max-width: 1200px; /* Define un ancho máximo para pantallas grandes */
        height: auto;
        padding: 1rem; /* Usa rem para que el espaciado sea escalable */
        border-radius: 10px;
        color: #3e2723;
        font-family: 'Georgia', serif;
        line-height: 1.6;
        margin: 2rem auto;
        overflow: auto;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.8);
        min-height: 100vh;
    }
}